<template>
<div>
  <h2>Icon图标</h2>
  <!-- 使用方法 直接通过设置类名为 el-icon-iconName 来使用即可 -->
  <i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<i class="el-icon-platform-eleme"></i>
<i class="el-icon-eleme"></i>
<i class="el-icon-s-tools"></i>
<i class="el-icon-zoom-in"></i>
<i class="el-icon-s-help"></i>
<i class="el-icon-picture"></i>
<i class="el-icon-camera-solid
e"></i>
<!-- 可以在其他元素中使用 使用icon 来使用即可 -->
<el-button type="primary" icon="el-icon-search">搜索</el-button>
<el-button type="success" icon="el-icon-check">成功</el-button>
<br>
<el-link icon="el-icon-delete" type="danger" :underline="false">删除</el-link>
<el-link icon="el-icon-warning" type="warning">警告</el-link>
</div>
</template>

<script lang="ts">
import Vue from 'vue';

export default class Icon extends Vue {}
</script>

<style lang="less" scoped>
i {
    margin-right: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }

</style>>

